<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .box1{float: left}
    </style>
</head>
<body >
<!--标准文档流中的文字,不会被浮动的元素遮住-->
<div class="box1"><img src="http://placekitten.com/300/300"></div>
<p>
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
    这是一只小猫     这是一只小猫    这是一只小猫
</p>

</body>
</html>